<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
    <style>
      #app {
        /* position: absolute;
        bottom: 140px;
        right: 140px; */
      }
    </style>
  </head>

  <body>
    <div id="app"></div>
    <script src="//s.thsi.cn/cb?cd/b2cweb-fe-common-resource-pod/js/cefApi/1.3/cefApi.min.js"></script>
    <script src="../pack/vtuber.umd.js"></script>
    <script>
      window.onload = () => {
        const vtuber = new svelteSdk.vtuber({
          target: document.getElementById('app'),
          props: {
            miniDragable: true,
            position: {
              min: {
                right: '120px',
                bottom: '120px'
              },
              max: {
                right: '120px',
                bottom: '120px'
              }
            }
          }
        });
      };
    </script>
  </body>
</html>
